<template>
  <div>
    <CloudTabs v-model="currentTab" :tabList="tabList" @change="change" size="default">
    </CloudTabs>
  </div>
</template>

<script>
export default {
  title: '4.标准大小',
  data() {
    return {
      currentTab: '1',
      tabList: [{
        key: '1',
        tab: 'tab1',
        content: 'Content of Tab 1'
      },
      {
        key: '2',
        tab: 'tab2',
        content: 'Content of Tab 2'
      },
      {
        key: '3',
        tab: 'tab3',
        content: 'Content of Tab 3'
      }]
    }
  },
  methods: {
    change (val) {
      console.log(val);
    }
  }
}
</script>

<style lang="scss">
</style>